Pixel font converter!

New! Check out the itch.io page for changelog, donations, discussions, and an offline version!

Hello! This tool takes a pixel font as an image and makes an actual TTF file out of it!

Workflow:

- Draw your font in your preferred editor.
  Characters should be aligned to the left edge of a grid (with or without spacing) - see the example font for reference.
  Note: the grid should be consistent-sized, as if you were drawing a tileset.
- Import your font via "Open image" button on the top, by dragging and dropping, or even pasting the image.
- Write out the characters you've drawn in "glyphs in image" field and configure the rest of Input fields to match your image. Check out mouseover descriptions for notes!
- Edit the few Output parameters if you need specific line height.
- Edit font information on the Meta tab.
- Click "Save TTF" to save your font!
- (optional) Use FontForge if you need to tweak additional settings/metadata.

Additional links:

- Import a BitFontMaker2 font

About:

- Tool by YellowAfterlife!
- Written in Haxe!
- Uses fonthx for final TTF generation!
- Uses pako for zlib decompression!

Supported browsers: Recent versions of Chrome[-ium], Firefox, and Microsoft Edge.

Notes:

- If (lineGap + ascent - descent != EmSize), default line height is implementation-defined (e.g. Firefox may use EmSize while Chromium uses LG+ASC-DESC)

Privacy policy: It is actually your browser that's generating the font! You aren't transmitting it anywhere. Google Analytics are used to tell whether anyone is using the tool, provided that you don't have the browser and/or extensions blocking that.

Settings
🌎
You can import/export your settings as JSON! Good for revising a font later:
Input Output Meta
Glyphs in image:
!"#$%&'()*+,-./ 0123456789:;<=>? @ABCDEFGHIJKLMNO PQRSTUVWXYZ[\]^_ `abcdefghijklmno pqrstuvwxyz{|}~∎
Glyph color:
Kerning pairs:
Tile width:
Tile height:
Offset X:
Offset Y:
Separation X:
Separation Y:
Baseline X:
Baseline (?):
Spacing:
Mono​space
Em size (?):
Line gap:
Ascent (?):
Descent (?):
768 - 256 + 0 = 1024 / 1024
Pixel size:
🦕
Font name:
Author(s):
Copyright:
Font version:
Description:
License:
License URL:
Sample text:
Highlight glyphs under the mouse
Preview size:
THE QUICK BROWN FOX JUMPS OVER A LAZY DOG. the quick brown fox jumps over a lazy dog. 0123456789